<template>
  <MainLayout>
    <div class="pt-[90px] 2xl:pl-[185px] lg:pl-[160px] lg:pr-0 pr-2 w-[calc(100%-90px)] max-w-[1800px] 2xl:mx-auto" v-if="list">
      {{list.title}}
      <div v-html="list.content"></div>
    </div>
  </MainLayout>
</template>
<script setup>
import MainLayout from '@/layouts/MainLayout.vue'
import  { articleDetails } from '@/composables/article'
const route = useRoute()
const query = route.query;
const list = ref()

const { data } = await useAsyncData('detail', async () => {
  let params = {
    article_id: query.article_id
  }
  const list = await articleDetails(params).then(res => {
    return res.data[0]
  })
  const list1 = {name: 123}
  return {list, list1}
})
list.value = data.value.list
</script>
<style scoped>

</style>